/* default style */
.validator-input{width: 100%; height:35px; line-height:35px; background:#ddd; font-size:16px; border:1px solid #ddd; border-radius:5px; text-indent:8px; outline: none;}
.validator-input-focus{color:#333; border-color: #49d;}
.validator-input-blur{color:#cb3333; border-color: #c33;}
.validation-tips-wrap,.validation-tips-wrap-top,.validation-tips-wrap-bottom,.validation-tips-wrap-left,.validation-tips-wrap-right{display: inline-block; line-height: 20px; border:1px solid #333; background:#333; padding: 3px 0px 2px; border-radius:4px; color:#fff; font-size:12px; position: absolute;  z-index:2; text-align:center;}
.validation-tips-wrap:before,.validation-tips-wrap-top:before,.validation-tips-wrap-bottom:before,.validation-tips-wrap-left:before,.validation-tips-wrap-right:before{content:''; display: block; border-style:solid;}
/* default bottom */ 
.validation-tips-wrap{left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.validation-tips-wrap:before{border-width:0 5px 7px; border-color:transparent transparent #000; position:absolute; top:-8px; left:45%;}
/* top */
.validation-tips-wrap-top{left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.validation-tips-wrap-top:before{border-width:6px 5px 0; border-color:#000 transparent transparent; position:absolute; bottom:-7px; left:45%}
/* bottom */
.validation-tips-wrap-bottom{left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.validation-tips-wrap-bottom:before{border-width:0 5px 8px; border-style:solid; border-color:transparent transparent #000; position:absolute; top:-9px; left:45%;}
/* left */
.validation-tips-wrap-left{}
.validation-tips-wrap-left:before{border-width:5px 0 5px 8px; border-style:solid; border-color:transparent transparent transparent #333; position:absolute; top:6px; right: -9px;}
/* right */
.validation-tips-wrap-right{}
.validation-tips-wrap-right:before{border-width:5px 8px 5px 0; border-style:solid; border-color:transparent #333 transparent transparent; position:absolute; top:6px; left:-9px;}
/*
左上角
.validation-tips-wrap-top{display: inline-block; line-height: 28px; border:1px solid #333; background:#333; padding: 0px 5px; border-radius:4px; color:#fff; font-size:15px; position: absolute; top:-40px; left:0px; z-index:2;}*/
/*.validation-tips-wrap-top:before{content:''; display: block; border-width:8px 5px 0; border-style:solid; border-color:#000 transparent transparent; position:absolute; top:29px; left:9px;}
左下角
.validation-tips-wrap-bottom{display: inline-block; line-height: 28px; border:1px solid #333; background:#333; padding: 0px 5px; border-radius:4px; color:#fff; font-size:15px; position: absolute; top:45px; left:0px; z-index:2;}
.validation-tips-wrap-bottom:before{content:''; display: block; border-width:0 5px 8px; border-style:solid; border-color:transparent transparent #000; position:absolute; top:-9px; left:9px;}
*/